<script>
export default {

}
</script>

<template>
  <view class="flex flex-col items-center p-3">
    <view class="animate-[4s_linear_0s_infinite_alternate_bounce] bg-indigo text-white mb-6 p-2">
      animate-[4s_linear_0s_infinite_alternate_bounce]
    </view>

    <view class="animate-my-animation bg-indigo text-white mb-6 p-2">
      my-animation
    </view>

    <view class="animate-bounce bg-indigo text-white mb-6 p-2">
      bounce1
    </view>

    <view class="animate-flash bg-indigo text-white mb-6 p-2">
      flash
    </view>

    <view class="animate-pulse bg-sky text-white mb-6 p-2">
      pulse
    </view>

    <view class="animate-pulse-alt bg-sky text-white mb-6 p-2">
      pulse-alt
    </view>

    <view class="animate-pulse-bck bg-sky text-white mb-6 p-2">
      pulse-bck
    </view>

    <view class="animate-pulse-fwd bg-sky text-white mb-6 p-2">
      pulse-fwd
    </view>

    <view class="animate-rubber-band animate-iteration-infinite bg-purple text-white mb-6 p-2">
      rubber-band
    </view>

    <view class="animate-shake-x animate-iteration-infinite animate-duration-1500 bg-purple text-white mb-6 p-2">
      shake-x
    </view>

    <view class="animate-shake-y animate-iteration-infinite animate-duration-1500 bg-purple text-white mb-6 p-2">
      shake-y
    </view>

    <view class="animate-head-shake animate-iteration-infinite bg-purple text-white mb-6 p-2">
      head-shake
    </view>

    <view class="animate-swing animate-iteration-infinite bg-purple text-white mb-6 p-2">
      swing
    </view>

    <view class="animate-tada animate-iteration-infinite bg-purple text-white mb-6 p-2">
      tada
    </view>

    <view class="animate-wobble animate-iteration-infinite bg-purple text-white mb-6 p-2">
      wobble
    </view>

    <view class="animate-jello animate-iteration-infinite bg-purple text-white mb-6 p-2">
      jello
    </view>

    <view class="animate-heart-beat animate-iteration-infinite bg-purple text-white mb-6 p-2">
      heartBeat
    </view>

    <view class="animate-spin bg-cyan text-white mb-6 p-2">
      spin
    </view>

    <view class="animate-ping bg-fuchsia text-white mb-6 p-2">
      ping
    </view>

    <view class="animate-back-in-down animate-iteration-infinite bg-purple text-white mb-6 p-2">
      back-in-down
    </view>
  </view>
</template>

<style lang="scss" scoped>

</style>
